<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp" %>
<%@ include file="/common/grid/jqGrid.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title></title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="">
	<meta http-equiv="description" content="">
	
	<link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/common/tab/tab.css">
	<script type="text/javascript" src="${CONTEXT_PATH}/common/tab/tab.js"></script>
	
	<style type="text/css">
	html,body,form
	{
		height:100%;
	}
	</style>
  </head>
  
  <body>
    	<s:form name="frm" id="frm" method="post" action="" namespace="">
    		<jsp:include page="/jsp/outward/business/common/menuLink.jsp">
    			<jsp:param name="menuLink" value="[{'name':'模块定义'}]"/>
    			<jsp:param name="width" value="40%"/>
    		</jsp:include>
    		
    		<s:hidden id="moduleId" name="lm.id"></s:hidden>
    		
    		<div class="container">
			 	<ul class="tabs" method="showFrameSrc">
			        <li id="li_1"><a href="#tab1">概况</a></li>
			        <li id="li_2"><a href="#tab2">列表</a></li>
			        <li id="li_3"><a href="#tab3">表单</a></li>
			        <li id="li_4"><a href="#tab4">流程</a></li>
			    </ul>
			    <div class="tab_container">
			        <div id="tab1" class="tab_content" style="display: block; ">
						<iframe frameborder="0"
    					 width="100%" 
    					 id="descFrame" 
    					 name="descFrame"
    					 height="100%"
    					 ></iframe>
			        </div>
			        <div id="tab2" class="tab_content" style="display: block; ">
						<iframe frameborder="0"
    					 width="100%" 
    					 id="listFrame" 
    					 name="listFrame"
    					 height="100%"
    					 ></iframe>
			        </div>
			        <div id="tab3" class="tab_content" style="display: block; ">
						<%--
						<iframe frameborder="0"
    					 width="100%" 
    					 id="formFrame" 
    					 name="formFrame"
    					 height="100%"
    					 ></iframe>
						--%>
						hello world3
			        </div>
			        <div id="tab4" class="tab_content" style="display: block; ">
						<%--
						<iframe frameborder="0"
    					 width="100%" 
    					 id="flowFrame" 
    					 name="flowFrame"
    					 height="100%"
    					 ></iframe>
						--%>
						hello world3
			        </div>
			    </div>
			</div>
    		
    		
    	</s:form>
    
    <script type="text/javascript">
	$(function(){
		initTab();
		$(".tab_content").height(parseInt($('BODY').height()) - 90); //auto height
		showFrameSrc('li_1');
	});

	function showFrameSrc(id)
	{
		var moduleId = $('#moduleId');
		var descFrame = $('#descFrame');
		var listFrame = $('#listFrame');
		var formFrame = $('#formFrame');
		var flowFrame = $('#flowFrame');
		if('li_1' == id && descFrame.length > 0 && !isNotNull(descFrame.attr('src')))
		{
			descFrame.attr('src', realPath + '/inner/core/openListModule.action?lm.id=' + moduleId.val());
		}
		if('li_2' == id && listFrame.length > 0)
		{
			listFrame.attr('src', realPath + '/inner/core/listDefineManage.action?lvvo.moduleId=' + moduleId.val());
		}
	}
	
    </script>
  </body>
</html>
